<!doctype html>
<html>
    <head>
        <meta charset="utf-8"/>
        <title>ZOL商城(ZOL.COM)</title>
        <script src="__PUBLIC__/js/jquery-1.8.1.js"></script>      
        <link href="__PUBLIC__/css/public-topbar.css" rel="stylesheet" />
        <link href="__PUBLIC__/css/public.css" rel="stylesheet" />
        <link href="__PUBLIC__/css/detail_v1.css" rel="stylesheet" />
        <link href="__PUBLIC__/css/feedback.css" rel="stylesheet" type="text/css" />
        <link href="__PUBLIC__/css/magiczoom.css" rel="stylesheet" type="text/css" />
        <link href="__PUBLIC__/css/side_toolbar.css" rel="stylesheet" type="text/css">
        <link href="__PUBLIC__/css/shoploginbox.css" rel="stylesheet"/>
        <link href="__PUBLIC__/css/topbar.css" rel="stylesheet" type="text/css">
         <link href="__PUBLIC__/css/publichead.css" rel="stylesheet" type="text/css"> 
        <script charset="utf-8" src="__PUBLIC__/js/wpa.js"></script>
        <script src="__PUBLIC__/js/mz-packed.js"></script>
        <script src="__PUBLIC__/js/shoploginlayer.js"></script>
        <!-- <script src="__PUBLIC__/js/detail-public.js"></script>-->

        <script type="text/javascript" src="__PUBLIC__/js/jquery.1.4.2-min.js"></script>

        <style> 
            .productnav{z-index:4;}
            .navmod{ z-index:5;}
            /*            .holiday-notice-bar{ height:30px; background:#fff6d7;overflow:hidden;}
                        .holiday-notice-bar p{ width:100%; margin:0 auto; font:12px/30px arial; color:#626665; text-align:center;}*/
        </style>
    </head>

    <body>

    <div class="zc-topbar">
        <div class="wrapper clearfix">
            <div class="zc-login-info">
                <span class="zc-back-home"><a href="{:U('index')}">商城首页</a></span>
                <if condition="$_SESSION['login'] eq null">         
                   <span class="zc-login">Hi~欢迎来到四人定制商城，请<a href="{:U('Login/login')}">登录</a></span>
                    <span class="zc-register"><a href="{:U('Register/register')}">免费注册</a></span>
                <else />
                    <span class="zc-login">Hi~欢迎来到四人定制商城，<a href="{:U('User/index')}">{$_SESSION['login']['username']}</a></span>
                    <span class="zc-register"><a href="{:U('Login/loginout')}">退出</a></span>
                </if>
            </div>
            <ul class="zc-quick-menu">
                <li><a href="">我的订单</a></li>
                <li class="zc-my-center" onmouseover="showUI(this)" onmouseout="hideUI(this)">

                    <a href="" class="zc-hd" >买家中心<i class="ico"></i></a>
                    <div class="zc-my-center-bd" id="zc-my-center-bd" style="display:none;">
                        <a href="">关注的店铺&nbsp;&nbsp;<em id="focusShopNum">0</em></a>
                        <a href="">关注的商品&nbsp;&nbsp;<em id="focusGoodsNum">0</em></a>
                    </div>
                </li>
                 <li><a href="" id="shop-cart-num">购物车0件</a></li>
                   <!-- <li><a href="">帮助中心</a></li>
                    <li><a href="">商家入驻</a></li> -->
                    <li class="lianxikefu"><a href="javascript:;"  onmouseover="showUI(this)" onmouseout="hideUI(this)" class="zc-hd">联系客服<i class="ico"></i></a>
                        <div class="zc-service-tel">400-678-0068</div>
                    </li>
                    
                </li>
            </ul>
        </div>
    </div>
    <script>    
    var Z_now_time = "1446556752";
    var z_user_id = "";
    function showUI(obj) {
    var className = obj.className;
    if (className == "zc-my-center") {
    obj.className = "zc-my-center zc-hover";
    document.getElementById("zc-my-center-bd").style.display = "block";
    } else if (className == "zc-mobile") {
    obj.className = "zc-mobile zc-hover";
    document.getElementById("zc-mobile-bd").style.display = "block";
    } else {
    obj.parentNode.className = "lianxikefu zc-hover";
    obj.nextSibling.style.display = "block";
    }
    }
    function hideUI(obj) {
    var className = obj.className;
    if (className == "zc-my-center zc-hover") { 
    obj.className = "zc-my-center"; 
    document.getElementById("zc-my-center-bd").style.display = "none"; 
    } else if (className == "zc-mobile zc-hover") { 
    obj.className = "zc-mobile"; 
    document.getElementById("zc-mobile-bd").style.display = "none"; 
    } else {
    obj.parentNode.className = "lianxikefu";
    obj.nextSibling.style.display = "none";
    }    }
    
    </script>
         
<div class="header clearfix">
    <div class="logo">
        <h1><a title="四人定制网上商城" href="{:U('Index/index')}" class="mall-logo"><img src="__PUBLIC__/Picture/商城logo.jpg" alt=""></a></h1>
        <p>四人定制网上商城</p>
    </div>
    <div class="search-box">
        <form action="" method="get">
            <input type="hidden" name="c" value="List">
            <div class="search">
                <input name="keyword" type="text" class="search-text" autocomplete="off" value=""/>
                <input type="submit" value="搜 索" class="search-btn" hidefocus="true"/>
            </div>
        </form>
            <div class="hot-search">
                    <a href="" target="_top" title="iPhone 6s">iPhone 6s</a>
                    <a href="" target="_top" title="iPhone 5s">iPhone 5s</a>
                    <a href="" target="_top" title="魅蓝2">魅蓝2</a>
                    <a href="" target="_top" title="iPhone 6">iPhone 6</a>
                    <a href="" target="_top" title="三星s6">三星s6</a>
            </div>    
    
    </div>
            <!-- <div class="ad-div">
            <a href="http://go.zol.com/topic/5062097.html?spm=657.35517" target="_top"> 
                <img width="180" height="60" src="Picture/chmkjlycpziidmcxaab2sdybfdcaadnzqkpvyiaahbj372.jpg" alt="ZOL商城承诺">
            </a> 
                    </div> -->
    </div>
<div class="nav-box" style="z-index:20;">
    <div class="category-nav-container" onmouseover="showNavUl();" onmouseout="hideNavUl();">
        <h2 class="category-nav-title">全部商品分类<i class="ico"></i></h2>
            <div class="category-menu-nav" id="category-menu-nav" style="display:none;">
                <ul class="menu-nav-container">
                    <foreach name="pid" item="val" >
                             <li rel="1" id="subCateKey1">
                                    <div class="item">
                                        <a href="{:U('Goods/goodslist?id='.$val['id'])}" target="_top">{$val['name']}</a>
                                    </div>                                
            <div class="category-menu-content category-1">                      
                <dl class="service">
                    <dt><a href="" target="_top">服务保障</a></dt>
                        <dd class="clearfix"><a href="" target="_top"><i class="iconfont">&#xe609;</i>行货保证</a><a href="#"><i class="iconfont">&#xe60b;</i>发票保障</a><a href="" target="_top"><i class="iconfont">&#xe60f;</i>24小时发货</a><a href="" target="_top"><i class="iconfont">&#xe60e;</i>顺丰包邮</a><a href="" target="_top"><i class="iconfont">&#xe60d;</i>无忧退换</a><a href="" target="_top"><i class="iconfont">&#xe60a;</i>先行赔付</a></dd>
                </dl> 
                <foreach name="val['pid']" item="val2" key="k2">
                <dl>
                    <dt><a href="{:U('Goods/goodslist?id='.$val2['id'])}" target="_top">{$val2.name}</a></dt>
                        <dd>
                            <p>
                                 <foreach name="val2['pid']" item="val3" key="k3">
                                    |<a href="{:U('Goods/goodslist?id='.$val3['id'])}" target="_top">{$val3['name']}</a>
                                </foreach>
                            </p>                            
                        </dd>
                </dl> 
                </foreach>
            </div>
            </li>   
            </foreach>             
                </ul>
                <!-- <div class="ad-div"><a href="" target="_top"><img width="200" height="70" src="__PUBLIC__/Picture/chmkj1x3fngiugspaacaxtwdo_caacoramvteqaaidd868.jpg" alt="iPhone 6多彩定制"></a></div> -->
            </div>                
    </div>
    <ul class="nav clearfix"> 
        <li ><a href="{:U('Index/index')}" target="_top">首页</a></li>
        <foreach name="pid" item="val">
            <li ><a href="{:U('Goods/goodslist?id='.$val['id'])}" target="_top">{$val.name}</a></li>
        </foreach>
    </ul>
    <div class="nav-tips"><a href="" target="_top">买手机 专业省钱又放心</a></div></div>
<script type="text/javascript">
    function showNavUl() {
        document.getElementById("category-menu-nav").style.display = "block";
    }
    function hideNavUl() {
        document.getElementById("category-menu-nav").style.display = "none";
    }
    // function showNavList(obj) {
    //     obj.className = "current";
    // }
    // function hideNavList(obj) {
    //     obj.className = " ";
    // }
    // var searchFunction = {
    //     searchKeyword: null,
    //     searchButton: null,
    //     searchHistory: null,
    //     searchHistoryList: null,
    //     searchHistoryListDel: null,
    //     searchHistoryListClose: null,
    //     getHistoryList: function () {
    //         if (typeof jQuery == "undefined") {
    //             return false;
    //         } else {
    //             var url = "http://www.zol.com/index.php?c=Ajax_PublicHead&a=AjaxGetSearchHistory&callback=?&t=" + Math.random();
    //             $.getJSON(url, function (data) {
    //                 if (data.msg) {
    //                     $(".search").append(data.msg);
    //                     searchFunction.getElements();
    //                     searchFunction.eventListener();
    //                 }
    //             });
    //         }
    //     },
    //     getElements: function () {
    //         searchFunction.searchKeyword = document.querySelector(".search .search-text");
    //         searchFunction.searchButton = document.querySelector(".search .search-btn");
    //         searchFunction.searchHistory = document.querySelector(".search-history");
    //         searchFunction.searchHistoryList = document.querySelectorAll(".search-history ul li");
    //         searchFunction.searchHistoryListDel = document.querySelectorAll(".search-history ul li .delete");
    //         searchFunction.searchHistoryListClose = document.querySelector(".search-history .close");
    //     },
    //     eventListener: function () {
    //         searchFunction.searchKeyword.addEventListener("focus", function () {
    //             searchFunction.showHistory();
    //         });
    //         searchFunction.searchKeyword.addEventListener("click", function () {
    //             searchFunction.showHistory();
    //         });
    //         searchFunction.searchKeyword.addEventListener("keypress", function (e) {
    //             if (window.event) {
    //                 e = window.event;
    //             }
    //             var keyNumber = e.keyCode;
    //             if (13 == keyNumber) {
    //                 searchFunction.searchButton.click();
    //             }
    //         });
    //         searchFunction.searchHistory.addEventListener("mouseleave", function () {
    //             searchFunction.hideHistory();
    //         });
    //         searchFunction.searchHistoryListClose.addEventListener("click", function () {
    //             searchFunction.hideHistory();
    //         });
    //         for (var i = 0; i < searchFunction.searchHistoryList.length; i++) {
    //             searchFunction.searchHistoryList[i].addEventListener("click", searchFunction.clickHistory(searchFunction.searchHistoryList[i]));
    //         }
    //         for (var i = 0; i < searchFunction.searchHistoryListDel.length; i++) {
    //             searchFunction.searchHistoryListDel[i].addEventListener("click", searchFunction.deleteHistory(searchFunction.searchHistoryListDel[i]));
    //         }
    //     },
    //     showHistory: function () {
    //         searchFunction.searchHistory.style.display = "block";
    //     },
    //     clickHistory: function (obj) {
    //         return function () {
    //             searchFunction.searchKeyword.value = obj.getAttribute("keyword");
    //             searchFunction.searchButton.click();
    //         };
    //     },
        
    //     hideHistory: function () {
    //         searchFunction.searchHistory.style.display = "none";
    //     },
    //     stopPropagation: function (e) {
    //         e = e || window.event;
    //         if (e.stopPropagation) {
    //             e.stopPropagation();
    //         } else {
    //             e.cancelBubble = true;
    //         }
    //     }
    // };
    //searchFunction.getHistoryList();
</script>